@charset "utf-8";
/* 全局通用CSS基础样式 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,th,tr,td,em{margin:0;padding:0;}
body{color:#262626; font:12px "Microsoft YaHei",verdana,lucida,arial,sans-serif,"黑体";} 
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
input,textarea{border:0;color:#666;font-size:12px;background:none;font-family:"微软雅黑","Microsoft YaHei"; vertical-align:middle;}
select{font:12px Arial,Helvetica,sans-serif,宋体;}
address,caption,cite,code,dfn,strong,th,var,i,em{font-style:normal;font-weight:normal;}
a{color:#262626; text-decoration:none; cursor:pointer;}
a:hover{text-decoration:underline; color:#ea5415;}
input[type="checkbox"]:focus, input[type="email"]:focus,  input[type="password"]:focus, input[type="radio"]:focus, input[type="text"]:focus {
    border-color: #5b9dd9;
    box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
}
.fl{float:left;_display:inline;}
.fr{float:right;_display:inline;} 
.clearfix:after{clear:both;height:0;visibility:hidden;content:"";display:block;font-size:0}
.clearfix{*zoom:1;}
.clear{clear:both;height:0;font-size:0;overflow:hidden;}

.mc{ margin:0 auto;}
.lh20{line-height:20px;}
.lh22{line-height:22px;}
.lh24{line-height:24px;}
.lh30{line-height:30px;}

.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}

.arial{font-family:arial;}
.verdana{font-family:Verdana;}
.yahei{font-family:"Microsoft YaHei",verdana,lucida,arial,sans-serif,"黑体";}
.wbr{word-break:break-all;word-wrap:break-word;}

.none{display:none;}
.block{display:block;}


#all-bg{ background: url(../images/bg.jpg) center center no-repeat;background-size: cover; width: 100%;
    height: 100%; position: fixed; z-index: 0;}
.loading{ position: fixed; z-index: 999; width: 100%; height: 100%; top: 0px;
    left: 0px; opacity: 1; background: #222;}

.firefly, .firefly div {
    position: relative;
}

.firefly {
    width: 20px;
    height: 20px;
    border-radius: 70px 70px 0 0;
    margin: 20% auto;
    z-index: 1;

    animation: move 5s ease infinite;
    -moz-animation: move 5s ease infinite;
    -webkit-animation: move 5s ease infinite;
    -o-animation: move 20s ease infinite;
}

.head{
    background:#1A1515;
    height:10px;
    width:20px;
    border-radius: 90px 90px 0 0;
    -moz-border-radius: 90px 90px 0 0;
    -webkit-border-radius: 90px 90px 0 0;
    top:35px;
    z-index:4;
}

.wing {
    background: #FFFFF9;
    width: 20px;
    height: 20px;
    border-radius: 40px;
    transform: rotate(110deg) skew(40deg);
    -o-transform: rotate(110deg) skew(40deg);
    -moz-transform: rotate(110deg) skew(40deg);
    -webkit-transform: rotate(80deg) skew(40deg);
    z-index: 3;
}

.wing.left{
    top:30px;
    left:-5px;
}

.wing.right{
    top:10px;
    left:5px;
    transform: rotate(30deg) skew(40deg);
    -o-transform: rotate(30deg) skew(40deg);
    -moz-transform: rotate(30deg) skew(40deg);
    -webkit-transform: rotate(30deg) skew(40deg);
}

.glow {
    border-radius: 0 0 70px 70px;
    width: 60%;
    height: 70%;
    background: #FBFF7A;
    margin: 0 auto;
    z-index: 2;
    animation: glowing 1s linear infinite alternate;
    -webkit-animation: glowing 1s linear infinite alternate;
    transition: 1s all;
}

.shadow {
    background: #1A1515;
    width: 100%;
    height: 25%;
    border-radius: 200%;
    margin-top: -10%;
}



@keyframes glowing {
    from {
        box-shadow: inset 0 0 20px 20px #E8D500, 0 0 50px 10px #E8D500, inset 0 0 80px 80px #FFED24;
    }
    to {
        box-shadow: inset 0 0 20px 20px #E8D500, 0 0 100px 10px #E8D500, inset 0 0 50px 50px #FFED24;
    }
}

@-webkit-keyframes glowing {
    from {
        box-shadow: inset 0 0 20px 20px #E8D500, 0 0 50px 10px #E8D500, inset 0 0 80px 80px #FFED24;
    }
    to {
        box-shadow: inset 0 0 20px 20px #E8D500, 0 0 130px 10px #E8D500, inset 0 0 50px 50px #FFED24;
    }
}

@-moz-keyframes glowing {
    from {
        box-shadow: inset 0 0 20px 20px #E8D500, 0 0 50px 10px #E8D500, inset 0 0 80px 80px #FFED24;
    }
    to {
        box-shadow: inset 0 0 20px 20px #E8D500, 0 0 130px 10px #E8D500, inset 0 0 50px 50px #FFED24;
    }
}



@keyframes move
{
    0%   {left:0px; top:0px; transform: rotate(45deg);}
    50%{left: 0px; top:0px; transform: rotate(-45deg);}
    100% {left: 0px; top:0px; transform: rotate(45deg);}
}

@-webkit-keyframes move
{
    0%   {left:0px; top:0px; -webkit-transform: rotate(45deg);}
    50%{left: 0px; top:0px;  -webkit-transform: rotate(-45deg);}
    100% {left: 0px; top:0px;  -webkit-transform: rotate(45deg);}
}

@-moz-keyframes move
{
    0%   {left:0px; top:0px; -moz-transform: rotate(45deg);}
    50%{left: 0px; top:0px;  -moz-transform: rotate(-45deg);}
    100% {left: 0px; top:0px;  -moz-transform: rotate(45deg);}
}

@-o-keyframes move
{
    0%   {left:0px; top:0px; -webkit-transform: rotate(45deg);}
    50%{left: 0px; top:0px;  -webkit-transform: rotate(-45deg);}
    100% {left: 0px; top:0px;  -webkit-transform: rotate(45deg);}
}




.content{ width: 1200px; margin: 0px auto; position: relative; }
.wrap-left{width: 250px; height: 800px; background: #2dbcdc; position: fixed; top: 0px;  }
.wrap-right{ width: 250px; height: 800px; background: #9085a7; position: fixed; top: 0px; }
.wrap-content{ width: 700px;  background:white; margin-left: 250px; overflow: hidden; position: relative; min-height: 800px;}
.content nav ul li{ display: inline; float:left; width: 100%; height: 60px;line-height: 60px; border-bottom: 1px solid #1ab1d9;  }
.logo a img{ width: 140px; height: 130px;}
.logo a{ display: block; text-align: center; padding-top: 15px;}
.wrap-left footer p{ color: #F9F9F9; line-height: 26px; font-size:12px; padding: 10px 0 0 10px; }
.content nav ul li span{ display: block; float:left; width: 60px; height: 60px; background:#2eb4d1 url("../images/nav-ico.png") no-repeat; }
.content nav ul li:nth-child(1) span{ background-position:0px 0px; }
.content nav ul li:nth-child(2) span{ background-position:0px -60px; }
.content nav ul li:nth-child(3) span{ background-position:0px -120px; }
.content nav ul li:nth-child(4) span{ background-position:0px -180px; }
.content nav ul li:nth-child(5) span{ background-position:0px -240px; }
.content nav ul li:nth-child(6) span{ background-position:0px -300px; }
.content nav ul li:nth-child(7) span{ background-position:0px -360px; }
.content nav ul li:nth-child(8) span{ background-position:0px -420px; }
.content nav ul li:nth-child(9) span{ background-position:0px -480px; }
.content nav ul li a{ font-size:16px; color:white;  display: inline-block; padding-left: 20px;}
.content nav ul li a:hover,.content nav ul li.nownav a{animation: 1.5s ease-in-out 0s alternate none infinite running loading; text-decoration: none; color:#064b92; padding-left:50px;font-weight: bold;}
@keyframes loading {
    0% {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 70px #fff, 0 0 80px #fff, 0 0 100px #fff, 0 0 150px #fff;
    }
    100% {
        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fff, 0 0 35px #fff, 0 0 40px #fff, 0 0 50px #fff, 0 0 75px #fff;
    }
}